<ui:composition
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui"
xmlns:c="http://java.sun.com/jsp/jstl/core">
    
    
    <!-- BARRA HERRAMIENTAS -->
    <h:panelGroup id="barraHerramientas" layout="block" rendered="#{not empty catalogoBean.catalogo and usuarioSessionBean.estaRegistrado}" 
                      style="width:98%; text-align:left; padding: 1%; float: left;" >

            <div class="ui-grid ui-grid-responsive" >
                
                <div class="ui-grid-row">                    
                    
                    <div class="ui-grid-col-3"  style="font-size: 0.9em; line-height: 30px;">
                        
                        <span>Herramientas: </span>
                        <p:commandButton  icon="porcentaje16" title="Porcentaje de marcación"
                                         actionListener="#{catalogoBean.setMuestraPanelMarcacion(true)}"
                                         update=":formulario:panelesHerramientas"/>
                        
                        <p:commandButton   icon="conversor16" title="Conversor de medidas"
                                         actionListener="#{catalogoBean.setMuestraConversorMedida(true)}"
                                         update=":formulario:panelesHerramientas"/>

                        <p:commandButton  icon="excel16" title="Descargar precios"
                                          actionListener="#{catalogoBean.setMuestraPanelDescarga(true)}"
                                          update=":formulario:panelesHerramientas"/>

                    </div>
                    
                    <h:panelGroup id="divCantidadProductos" layout="block" styleClass="ui-grid-col-3" style="text-align:center;" >
                            
                        <h:outputText value="+ de 500 Productos encontrados" styleClass="headerTable" style="line-height: 30px;"
                                      rendered="#{catalogoBean.cantidadRegistros>=500}" />
                        <h:outputText value="#{catalogoBean.cantidadRegistros} Productos encontrados" styleClass="headerTable" style="line-height: 30px;"
                                      rendered="#{500>catalogoBean.cantidadRegistros}" />
                        
                    </h:panelGroup>   
                    
                    
                    <div class="ui-grid-col-6" style="font-size: 0.9em;">

                        <div style="line-height: 30px; float:left; margin-right:10px;">Ver precios en: </div>
                        <p:selectOneMenu id="moneda2" value="#{monedaBean.moneda}" rendered="#{not empty monedaBean.moneda}" style="width:160px; text-align: left;  font-size:0.9em;"
                                     converter="#{conversorBean.conversorMoneda}" >
                            <f:selectItems value="#{monedaBean.lista}" var="m" itemLabel="#{m.descrp}(#{m.cotizacion})" itemValue="#{m}" />
                            <p:ajax update="moneda, :formulario:divDetalle " process="@this"  />
                        </p:selectOneMenu>
                       
                        <p:selectOneButton styleClass="vistas" value="#{catalogoBean.tipoVista}" id="oneButtonVista">
                             <f:selectItem  itemLabel="" itemValue="T" />
                             <f:selectItem itemLabel="" itemValue="P"  />
                             <p:ajax update=":formulario:divDetalle" process="@this" event="change" listener="#{catalogoBean.guardarUltimaVista}"/>
                        </p:selectOneButton>     

                     </div>                    
                </div>                
            </div>    
        
    </h:panelGroup>
    
    <h:panelGroup id="panelesHerramientas" layout="block" >
    
        <!-- PANEL PORCENTAJE MARCACION -->
        <ui:include src="../inventario/catalogoMarcacion.xhtml" />

        <!-- PANEL CONVERSOR DE MEDIDA -->
        <ui:include src="../global/conversorMedidas.xhtml" />

        <!-- PANEL DE DESCARGA -->
        <ui:include src="../inventario/catalogoExportar.xhtml" />
    
    </h:panelGroup>

    <h:panelGroup id="divDetalle" layout="block" style="float: left; padding-top: 5px;" >
        
        <!-- BUSQUEDA SIN RESULTADO -->
        <h:panelGroup rendered="#{not catalogoBean.muestraPrincipal and empty catalogoBean.catalogo}">

            <p:messages showDetail="true" />

            <div style="width: 100%; position: relative; float: left;text-align: center; margin: 25px;" >           

                <!--
                <p:commandButton value="Volver" icon="conversor16"
                                 onclick="txtBusqueda.value = ''"
                                 actionListener="#{catalogoBean.limpiarFiltros}" process="@this,txtBusqueda" update="@form" />            
                -->

            </div>        

        </h:panelGroup>
        
        <!-- CATALOGO DE PRODUCTOS -->
        <ui:include src="../inventario/vistaDetalle.xhtml" />

        <!-- PANEL DE PRODUCTOS -->
        <ui:include src="../inventario/vistaPanel.xhtml" />
        
    </h:panelGroup>
    
    

    <!-- FICHA DE PRODUCTO -->
    <!-- <ui:include src="../inventario/catalogoFichaProducto.xhtml" /> -->
    <!-- <p:spacer width="700" height="2" /> -->

    <!-- CONFIRMAR CANTIDAD -->
    <ui:include src="../inventario/catalogoConfirmaCantidad.xhtml" />
    
    <!-- CONFIRMAR BORRADO -->
    <ui:include src="../inventario/catalogoConfirmaBorrado.xhtml" />

    <!-- VER SUSTITUTOS -->
    <ui:include src="../inventario/verSustitutos.xhtml" />
    
    <!-- VER SUSTITUTOS -->
    <ui:include src="../inventario/verSugeridos.xhtml" />
    
    <!-- LISTA DE PEDIDOS PENDIENTES -->
    <ui:include src="../inventario/catalogoPedidosPendientes.xhtml" />

    <!-- PEDIDO PENDIENTE -->
    <ui:include src="../facturacion/pedido.xhtml"  />   
    
   
</ui:composition>
